<template>
	<div style="margin: 10px 100px">
	  <el-steps style="max-width: 1000px;margin: 10px auto;" :active="2" align-center>
		<el-step title="选择支付方式"  />
		<el-step title="支付成功"  />
	  </el-steps>		
	</div>
	<img src="@/components/img/duigou.png" alt="对勾" style="width: 80px;margin: 26px auto;"/>
	<div class="head-text" style="font-size: 28px;margin: 10px auto;">订单支付成功</div>
	<div class="btns2">
		<el-button @click="goBack">返回首页</el-button>
		<el-button type="primary" @click="goOrders">查看订单</el-button>
	</div>
</template>

<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()
const goBack = ()=>{
	router.push('/')
}
const goOrders = ()=>{
	router.push('/orders');
}
</script>

<style lang="scss" scoped>
	.btns2{
		display: flex;
		margin: 50px auto;
	}
</style>